<template>
  <div>
    <h2>属性绑定指令</h2>
    <!-- 什么是属性，标签的属性。比如：img标签的src属性。 比如：input的type，value属性 -->

    <!-- 属性绑定指令，作用是将属性值 转成 对应的值 -->
    <img v-bind:src="url" alt="" />
    <!-- v-bind：简写成  ：  -->
    <img :src="url" alt="" />
    <br />
    <input type="text" :value="abc" />
    <br />
    <input type="text" :value="abc + 'world'">
  </div>
</template>

<script>
  export default {
    //data,method,computed,wacth.......
    //data用于储存数据
    //data要写成函数，函数中要放回一个对象。
    data () {
      return {
        //把数据都放在这里
        url:'http://www.itcbc.com:3006/formdata/123.jpg',
        abc:'hello'
      }
    }
  }
</script>